<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<link href="<%=request.getContextPath()%>/css/demo.css" rel="stylesheet"
	type="text/css" />
<script src="<%=request.getContextPath()%>/js/scripts/boot.js"
	type="text/javascript"></script>
<title>ITS-首页</title>
<style type="text/css">
    body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
    }    
    .header
    {
        background:url(../header.gif) repeat-x 0 -1px;
    }
    .Note
    {
        background:url(Notes_Large.png) no-repeat;width:32px;height:32px;
    }
    .Reports
    {
        background:url(Reports_Large.png) no-repeat;width:32px;height:32px;
    }
    </style>   
</head>
<body>
	<div id="layout1" class="mini-layout"
		style="width: 100%; height: 100%;">
		<div class="header" region="north" height="70" showSplit="false"
			showHeader="false">
			<h1
				style="margin: 0; padding: 15px; cursor: default; font-family: 'Trebuchet MS', Arial, sans-serif;">智能交通网络管理平台</h1>
		</div>
		<div title="south" region="south" showSplit="false" showHeader="false"
			height="30">
			<div style="line-height: 28px; text-align: center; cursor: default">Copyright
				© 智能交通网络管理平台</div>
		</div>
		<div showHeader="false" region="west" width="180" maxWidth="250"
			minWidth="100">
			<!--OutlookMenu-->
			<div id="leftTree" class="mini-outlookmenu"
				onitemselect="onItemSelect" idField="id" parentField="pid"
				textField="text" borderStyle="border:0"></div>

		</div>
		<div title="center" region="center" bodyStyle="overflow:hidden;">
			<iframe id="mainframe" frameborder="0" name="main"
				style="width: 100%; height: 100%;" border="0"></iframe>
		</div>
	</div>

	<script type="text/javascript">
		mini.parse();

		//init iframe src
		var iframe = document.getElementById("mainframe");
		iframe.src = "${pageContext.request.contextPath}/info/table"

		function onItemSelect(e) {
			var item = e.item;
			iframe.src = item.url;
		}
		var data = [ {
			id : "car",
			text : "车辆信息",
			iconCls : "icon-add"
		}, {
			id : "editCar",
			pid : "car",
			text : "车辆信息数据管理",
			iconCls : "icon-node",
			url : "${pageContext.request.contextPath}/info/car_table"
		}, {
			id : "tableCar",
			pid : "car",
			text : "车辆信息数据展示",
			iconCls : "icon-edit",
			url : "${pageContext.request.contextPath}/info/car_chart"
		},

		{
			id : "road",
			text : "道路信息",
			iconCls : "icon-add"
		}, {
			id : "editRoad",
			pid : "road",
			text : "道路信息数据管理",
			iconCls : "icon-node",
			url : "${pageContext.request.contextPath}/info/road_table"
		}, {
			id : "tableRoad",
			pid : "road",
			text : "道路信息数据展示",
			iconCls : "icon-edit",
			url : "${pageContext.request.contextPath}/info/road_chart"
		},
		
		{
			id : "driver",
			text : "驾驶人信息",
			iconCls : "icon-add"
		}, {
			id : "editDriver",
			pid : "driver",
			text : "驾驶人信息数据管理",
			iconCls : "icon-node",
			url : "${pageContext.request.contextPath}/info/driver_table"
		}, {
			id : "tableDriver",
			pid : "driver",
			text : "驾驶人信息数据展示",
			iconCls : "icon-edit",
			url : "${pageContext.request.contextPath}/info/driver_chart"
		},
		
		{
			id : "editCross",
			pid : "road",
			text : "路口信息数据管理",
			iconCls : "icon-node",
			url : "${pageContext.request.contextPath}/info/cross_table"
		}, {
			id : "tableCross",
			pid : "road",
			text : "路口信息数据展示",
			iconCls : "icon-edit",
			url : "${pageContext.request.contextPath}/info/cross_chart"
		},
		
		{
			id : "law",
			text : "交通法规信息",
			iconCls : "icon-add"
		}, {
			id : "editLaw",
			pid : "law",
			text : "交规信息数据管理",
			iconCls : "icon-node",
			url : "${pageContext.request.contextPath}/info/rule_table"
		}, {
			id : "tableLaw",
			pid : "law",
			text : "交规信息数据展示",
			iconCls : "icon-edit",
			url : "${pageContext.request.contextPath}/info/record_chart"
		},
		
		{
			id : "security",
			text : "道路监控信息",
			iconCls : "icon-add"
		}, {
			id : "editSecurity",
			pid : "security",
			text : "道路监控设备管理",
			iconCls : "icon-node",
			url : "${pageContext.request.contextPath}/info/security_table"
		},{
			id : "editRecord",
			pid : "security",
			text : "道路监控信息数据管理",
			iconCls : "icon-node",
			url : "${pageContext.request.contextPath}/info/record_table"
		}, {
			id : "tableRecord",
			pid : "security",
			text : "道路监控信息数据展示",
			iconCls : "icon-edit",
			url : "${pageContext.request.contextPath}/info/record_chart"
		}];
		var tree = mini.get("leftTree");
		tree.loadList(data, "id", "pid");
	</script>
</body>
</html>
